<template lang='pug'>
.demo(id='demo')
    cesiumContainer
        c_layer_ArcGisMap
        cLayer
        c_pop_billboards(:arrda='billboards')
</template>

<script>
import cesiumContainer from '../components/vcesium/viewer/cesiumContainer.vue'
import cLayer from '../components/vcesium/imageryLayers/cLayer.vue'
import c_pop_billboards from '../components/vcesium/popViewer/billboard.vue'
import c_layer_ArcGisMap from '../components/vcesium/imageryLayers/ArcGisMapServerImageryProvider.vue'
export default {
  name: 'demo',
  components:{
      cesiumContainer
      , cLayer, c_pop_billboards,c_layer_ArcGisMap
  },
  data() {
    return {
      billboards:[]
    }
  },
  mounted () {
    this.billboards=[{
        llh:{lon:110,lat:34,hei:1},
        image:'img/billboard.png',
        scale:0.2
    },{
        llh:{lon:110.1,lat:34,hei:1},
        image:'img/billboard.png',
        scale:0.2
    }]
  },

}
</script>

<style scoped>
.demo{
  width: 100%;
  height: 100%;
}
</style>
